/**
 * 公共组合变量(compositional variable)
*/ 
    
@mixin link-colors(
  $normal,
  $hover: $normal,
  $visited: $normal
) {
  color: $normal;
  &:hover {
    color: $hover;
  }
  &:visited {
    color: $visited;
  }
}

@mixin linear-gradient($deg, $first, $last) {
  background: -webkit-linear-gradient($deg, $first 0%, $last 100%);
  background: -o-linear-gradient($deg, $first 0%, $last 100%);
  background: -moz-linear-gradient($deg, $first 0%, $last 100%);
  background: linear-gradient($deg, $first 0%, $last 100%);
}

// 多行文本缩略
// @param $line Number 行数
@mixin multi-ellipsis($line) {
  display: -webkit-box;
  -webkit-line-clamp: $line;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  overflow: hidden;
}

@mixin no-bullets {
  list-style: none;
  li {
    list-style: none;
    margin-left: 0px;
  }
}

@mixin rounded-corners {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

@mixin line-ellipsis {
  overflow: hidden; white-space:nowrap; text-overflow:ellipsis;
}

.dg-flex {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.dg-flex-auto {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  flex: auto;
  width: 100%;
}
.dg-scroll-content {
  width: 100%;
  height: 100%;
}
.dg-scroll-content__inner {
  padding: 0 17px 0 0;
}
.dg-overflow__hide {
  overflow: hidden;
}
.dg-hide {
  display: none;
}
.al-center {
  text-align: center;
}
.inline-block {
  display: inline-block;
  vertical-align: middle;
}
